<!DOCTYPE html>
<html lang="zxx" class="no-js">

<head>
	<!-- Mobile Specific Meta -->
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<!-- Favicon-->
	<link rel="shortcut icon" href="img/fav.png">
	<!-- Author Meta -->
	<meta name="author" content="codepixer">
	<!-- Meta Description -->
	<meta name="description" content="">
	<!-- Meta Keyword -->
	<meta name="keywords" content="">
	<!-- meta character set -->
	<meta charset="UTF-8">
	<!-- Site Title -->
	<title>Educature Education</title>

	<!--
			CSS
			============================================= -->
	<link rel="stylesheet"  href="/bootstrap-3.3.7/css/bootstrap.min.css"/>
	<link rel="stylesheet"  href="/bootstrap-fileinput-4.5.2/css/fileinput.min.css"/>
	<link rel="stylesheet"  href="/bootstrap-fileinput-4.5.2/js/locales/zh.js"/>
</head>

<body>
       
   <hr>
	    <div class="form-group">
	        <div class="file-loading">
	            <input id="file-1" type="file" name="files" multiple class="file" data-overwrite-initial="false" data-min-file-count="2" data-theme="fas">
	        </div>
	    </div>
    <hr>
    
	<script src="/js/jquery-2.2.4.min.js"></script>
	<script src="/bootstrap-3.3.7/js/bootstrap.min.js"></script>
	<script src="/bootstrap-fileinput-4.5.2/js/fileinput.min.js"></script>
	
	<script type="text/javascript">
	 $("#file-1").fileinput({
        theme: 'fas',
        language: 'zh', //设置语言
	    uploadUrl: "/filesUpload", //上传的地址
        allowedFileExtensions: ['jpg', 'png', 'gif'],
        overwriteInitial: false,
        maxFileSize: 1000,
        maxFilesNum: 10,
        //allowedFileTypes: ['image', 'video', 'flash'],
        slugCallback: function (filename) {
            return filename.replace('(', '_').replace(']', '_');
        }
    });
	
  //异步上传返回结果处理
	$("#uploadfile").on("fileuploaded", function (event, data, previewId, index) {
        var response = data.response;
        console.log(response.newVersionName)
    });
  
	</script>
</body>

</html>